<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="icon" href="img/tykj.png">
		<title>CSS技术</title>
		<link rel="stylesheet" href="css/tyust.css"/><!--引入样式表-->
		<style>
		  div  { 
			  font - size:30px;
			  color: red;
		  }	
		  .titCSS{
			  font-size: 30px;
			  color: aqua;
		  }
		  #firsrDiv{
			 font-size: 40px;
			 color: green; 
		  }
		  #secondDiv{
			font-size: 50px;
			color: crimson;  
		  }
		</style>
		<!--style之间专门是用来放样式的-->
		<!-- <style> 
			span{
				font-size: 20px;
				color: aqua;
			}
		</style>-->
	</head>
	<body>
		<div>
			太原科技大学智能科学与技术专业
		</div>
		<span style="color: #FF7F00;"><!--#FF7F00是颜色提取器的结果-->
			注意提示
		</span>
		<h2>class选择器</h2>
		<p>这是一个段落</p><!--p表示段落-->
		<p class="titCSS">这是第二个段落</p><!--要将第二个段落和提示颜色一致，使用class选择器将其划分为同一个类-->
		<span class="titCSS">这是个提示</span>
		<h2>id选择器</h2>
		<div id="firsrDiv">Java研发工程师</div>
		<div id="secondDiv">Java大数据研发工程师</div>
	</body>
</html>